 * {
     margin: 0;
     padding: 0;
 }
 body,
 html {
     width: 100%;
     height: 100%;
     background: url('/assets/images/login_bg.jpg') no-repeat;
     background-size: cover;
 }
 .loginAndRegBox {
     height: 310px;
     width: 400px;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%,-50%);
     background-color: #fff;
 }
 .titleBox {
     height: 60px;
     background: url('/assets/images/login_title.png') no-repeat center center;

 }

 .loginAndRegBox {
     padding: 0 20px;
 }
 .links {
    float: right;
 }
 .layui-form-item {
     position: relative;
 }
 .layui-icon {
     position: absolute;
     top: 10px;
     left: 10px;
 }
 .layui-input {
    padding-left: 35px;
}